/* wygląd głównego elementu - ol */
.wrap  ol {
    list-style-type:none;
    padding:0;
    margin:0;
    height:2em;
    line-height:2em;
    text-align:center;
    display: block;
    min-width: 980px;
}

/* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
.wrap   ol a {
    display:block;
    text-decoration:none;
    color:white;
    padding:0 5px;
}

/* wygląd elementów - li - wszystkich dzieci elementu - ol */
.wrap    ol > li {
    display: inline-block;
    ///width:110px;
    margin-left:1px;
    height:2em;
}

/* wygląd elementu - li - pierwszego dziecka elementu - ol */
.wrap   ol > li:first-child {
    margin-left:0;
}

/* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
.wrap    ol > li:hover {

}

/* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
.wrap  ol > li:hover > a {

}

/* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
.wrap     ol > li:hover > ul {
    display: block;
}

/* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */

/* wygląd głównych rozwijanych elementów - ul */
.wrap    ol > li > ul {
    display:none;
    list-style-type:none;
    padding:0;
    margin:0;
    width: 600px;
    color: black;
    min-height: 1000px;
    text-align: left;

}

/* wygląd elementu - li - w części rozwijanej */
.wrap    ol > li > ul > li {

}

/* wygląd elementu - a - w części rozwijanej */
.wrap    ol > li > ul > li > a {
    border-top:0px solid #FFF;
}

/* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
.wrap    ol > li > ul > li:hover {

}

/* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
.wrap    ol > li > ul > li:hover > a {

}
.popup {
    position:               fixed;
    top:                    0;
    left:                   0;
    width:                  100%;
    height:                 100%;
    z-index:                1000;
    display:                none; /* domyślnie nie pokazujemy popupa */
}
 
.popup .bg {
    position:               absolute;
    top:                    0;
    left:                   0;
    width:                  100%;
    height:                 100%;
    z-index:                1;
    background:             #000;
    opacity:                0.7;
}
 
.popup .container {
    width:                  400px;
    height:                 300px;
    position:               absolute;
    z-index:                2;
    top:                    50%;
    left:                   50%;
    margin-top:             -150px; /* minus połowa wysokości */
    margin-left:            -200px; /* minus połowa szerokości */
    background:             #fff;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    border-radius:          10px;
    -moz-box-shadow:        0 0 50px #000;
    -webkit-box-shadow:     0 0 50px #000;
    box-shadow:             0 0 50px #000;
}
 
.popup .close {
    width:                  13px;
    height:                 13px;
    display:                block;
    border:                 0;
    cursor:                 pointer;
    position:               absolute;
    top:                    10px;
    right:                  10px;
    text-indent:            -999em;
    overflow:               hidden;
    background:             url(../close.png) no-repeat;
}
 
.popup .content {
    margin:                 15px 25px 15px 15px;
    width:                  360px;
    height:                 270px;
    font:                   12px 'Segoe UI', Arial, sans-serif;
    color:                  #444;
    overflow:               auto;
}